<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<meta name="keywords" content="Flat Dark Web Login Form Responsive Templates, Iphone Widget Template, Smartphone login forms,Login form, Widget Template, Responsive Templates, a Ipad 404 Templates, Flat Responsive Templates" />
<!--webfonts-->
<link href='http://fonts.useso.com/css?family=PT+Sans:400,700,400italic,700italic|Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Exo+2' rel='stylesheet' type='text/css'>
<!--//webfonts-->
        <script src="../dist/plugins/jQuery/jQuery-2.1.4.min.js"></script>
        <!-- jQuery UI 1.11.2 -->
        <script src="../dist/js/jquery-ui.min.js" type="text/javascript"></script>
		
		<style>
body{
	overflow:hidden;
}
img.background{
	position:absolute;
	width:100%;
	height:100%;
	
}
h1{
	position:absolute;
	top:0px;
}
.main{
    text-align: center; /*让div内部文字居中*/
    
    border-radius: 20px;
    width: 60%;
    height: 40%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#left{
	text-align: center; /*让div内部文字居中*/
    background: rgba(255, 255,255, 0.2);
    border-radius: 30px;
    height: 100%;
    margin: auto;
    
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#right{
	text-align: center; /*让div内部文字居中*/
    background: rgba(206, 78,102, 0.6);
    border-radius: 30px;
 	
    height: 100%;
    margin: auto;
    
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#right p{width: 100%}
   form{padding:20px 0;position:relative;z-index:2;padding-top: 2%;}
form input{-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
outline:0;
border:1px solid rgba(255,255,255,0.8);
background-color:rgba(255,255,255,0.8);
width:50%;
border-radius:5px;
padding:8px 15px;
margin:0 auto 30px;
display:block;text-align:center;
font-size:15px;color:gainsboro;-webkit-transition-duration:.25s;transition-duration:.25s;font-weight:300;margin-top: 20px;}
form input:hover{background-color:rgba(206, 78,102, 0.6)}
form input:focus{background-color:#fff;width:65%;color:#333}
form button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;background-color:#fff;border:0;padding:10px 15px;color:#333;border-radius:5px;width:40%;cursor:pointer;font-family:microsoft yahei,Arial,sans-serif;font-size:16px;font-weight:700;-webkit-transition-duration:.25s;transition-duration:.25s}
form button:hover{background-color:rgba(206, 78,102, 0.6)}
form p{cursor:pointer;font-family:microsoft yahei,Arial,sans-serif;font-size:36px;color: #fff;}
#title{cursor:pointer;font-family:microsoft yahei,Arial,sans-serif;font-size:30px;color:#fff;}
		</style>
	</head>
	<body style="margin: 0;"style="background:url('../dist/img/VCG41162897082.jpg');">
		<img class="background" src="../dist/img/VCG41162897082.jpg" />
		
		<div class="main">
			
			<div id="left" style="width:65%;float:left;">
				<p id="title">简爱网 - 欢迎登录！</p>
							<form class="form" id="entry_form">
								
				<input type="text" placeholder="用户名" id="username" name="username" class=" username el-input" >
				<input type="password" placeholder="密码" id="password" name="password" class="password el-input">
				<button type="button" id="entry_btn">登录</button>
				<div id="prompt" class="prompt"></div>
			</form>
			</div>

<div id="right" style="width:35%;float:left;">
	<form class="form" id="entry_form">
				<p>没有账号？</p>
				<button type="button" id="entry_btn" onclick="window.location.href='../ui/index2.html'">立即注册</button>
				<div id="prompt" class="prompt"></div>
			</form>
		</div>
		</div>
        <script src="../js/base.js"></script>
        <script src="../js/login.js"></script>
	</body>

</html>
